\documentclass[oneside, 12pt]{book}
\usepackage{icdthesisUTF}
\usepackage{tabularx} 
\usepackage{epsfig}
\usepackage{enumerate}

%Εισαγωγή πακέτου για template σεναρίων χρήσης
\usepackage{libraries/usecases}

%Εισαγωγή πακέτου για εμφάνιση κώδικα Javascript
\usepackage{listings}
\usepackage{color}
\definecolor{lightgray}{rgb}{.9,.9,.9}
\definecolor{darkgray}{rgb}{.4,.4,.4}
\definecolor{purple}{rgb}{0.65, 0.12, 0.82}
\definecolor{editorGray}{rgb}{0.95, 0.95, 0.95}
\definecolor{editorOcher}{rgb}{1, 0.5, 0} % #FF7F00 -> rgb(239, 169, 0)
\definecolor{editorGreen}{rgb}{0, 0.5, 0} % #007C00 -> rgb(0, 124, 0)
\definecolor{orange}{rgb}{1,0.45,0.13}		
\definecolor{olive}{rgb}{0.17,0.59,0.20}
\definecolor{brown}{rgb}{0.69,0.31,0.31}
\definecolor{purple}{rgb}{0.38,0.18,0.81}
\definecolor{lightblue}{rgb}{0.1,0.57,0.7}
\definecolor{lightred}{rgb}{1,0.4,0.5}
\definecolor{dkgreen}{rgb}{0,.6,0}
\definecolor{dkblue}{rgb}{0,0,.6}
\definecolor{dkyellow}{cmyk}{0,0,.8,.3}

% CSS
\lstdefinelanguage{CSS}{
  keywords={color,background-image:,margin,padding,font,weight,display,position,top,left,right,bottom,list,style,border,size,white,space,min,width, transition:, transform:, transition-property, transition-duration, transition-timing-function},	
  sensitive=true,
  morecomment=[l]{//},
  morecomment=[s]{/*}{*/},
  morestring=[b]',
  morestring=[b]",
  alsoletter={:},
  alsodigit={-}
}

% JavaScript
\lstdefinelanguage{JavaScript}{
  morekeywords={typeof, new, true, false, catch, function, return, null, catch, switch, var, if, in, while, do, else, case, break},
  morecomment=[s]{/*}{*/},
  morecomment=[l]//,
  morestring=[b]",
  morestring=[b]'
}

\lstdefinelanguage{HTML5}{
  language=html,
  sensitive=true,	
  alsoletter={<>=-},	
  morecomment=[s]{<!-}{-->},
  tag=[s],
  otherkeywords={
  % General
  >,
  % Standard tags
	<!DOCTYPE,
  </html, <html, <head, <title, </title, <style, </style, <link, </head, <meta, />,
	% body
	</body, <body,
	% Divs
	</div, <div, </div>, 
	% Paragraphs
	</p, <p, </p>,
	% scripts
	</script, <script,
  % More tags...
  <canvas, /canvas>, <svg, <rect, <animateTransform, </rect>, </svg>, <video, <source, <iframe, </iframe>, </video>, <image, </image>, <header, </header, <article, </article
  },
  ndkeywords={
  % General
  =,
  % HTML attributes
  charset=, src=, id=, width=, height=, style=, type=, rel=, href=,
  % SVG attributes
  fill=, attributeName=, begin=, dur=, from=, to=, poster=, controls=, x=, y=, repeatCount=, xlink:href=,
  % properties
  margin:, padding:, background-image:, border:, top:, left:, position:, width:, height:, margin-top:, margin-bottom:, font-size:, line-height:,
	% CSS3 properties
  transform:, -moz-transform:, -webkit-transform:,
  animation:, -webkit-animation:,
  transition:,  transition-duration:, transition-property:, transition-timing-function:,
  }
}

\lstdefinestyle{htmlcssjs} {%
  % General design
%  backgroundcolor=\color{editorGray},
  basicstyle={\footnotesize\ttfamily},   
  frame=b,
  % line-numbers
  xleftmargin={0.75cm},
  numbers=left,
  stepnumber=1,
  firstnumber=1,
  numberfirstline=true,	
  % Code design
  identifierstyle=\color{black},
  keywordstyle=\color{blue}\bfseries,
  ndkeywordstyle=\color{editorGreen}\bfseries,
  stringstyle=\color{editorOcher}\ttfamily,
  commentstyle=\color{brown}\ttfamily,
  % Code
  language=HTML5,
  alsolanguage=JavaScript,
  alsodigit={.:;},	
  tabsize=2,
  showtabs=false,
  showspaces=false,
  showstringspaces=false,
  extendedchars=true,
  breaklines=true,
  % German umlauts
  literate=%
  {Ö}{{\"O}}1
  {Ä}{{\"A}}1
  {Ü}{{\"U}}1
  {ß}{{\ss}}1
  {ü}{{\"u}}1
  {ä}{{\"a}}1
  {ö}{{\"o}}1
}
%

\lstdefinestyle{php} {%
language=php,
literate=%
*{0}{{{\color{lightred}0}}}1
{1}{{{\color{lightred}1}}}1
{2}{{{\color{lightred}2}}}1
{3}{{{\color{lightred}3}}}1
{4}{{{\color{lightred}4}}}1
{5}{{{\color{lightred}5}}}1
{6}{{{\color{lightred}6}}}1
{7}{{{\color{lightred}7}}}1
{8}{{{\color{lightred}8}}}1
{9}{{{\color{lightred}9}}}1,
basicstyle=\footnotesize\ttfamily, % Standardschrift
numbers=left,               % Ort der Zeilennummern
%numberstyle=\tiny,          % Stil der Zeilennummern
%stepnumber=2,               % Abstand zwischen den Zeilennummern
numbersep=5pt,              % Abstand der Nummern zum Text
tabsize=4,                  % Groesse von Tabs
extendedchars=true,         %
breaklines=true,            % Zeilen werden Umgebrochen
keywordstyle=\color{blue}\bfseries,
frame=b,
commentstyle=\color{lightgray}\itshape,
emph=[2]{if,and,or,else},
emphstyle=[2]\color{dkyellow},
stringstyle=\color{editorOcher}\ttfamily, % Farbe der String
showspaces=false,           % Leerzeichen anzeigen ?
showtabs=false,             % Tabs anzeigen ?
xleftmargin=17pt,
framexleftmargin=17pt,
framexrightmargin=5pt,
framexbottommargin=4pt,
%backgroundcolor=\color{lightgray},
showstringspaces=false,      % Leerzeichen in Strings anzeigen ?
}%
%

%Τα παρακάτω είναι υποχρεωτικά:

\renewcommand{\thesistitle}{Ανάπτυξη ιστοσελίδας και πλατφόρμας διαχείρισης μελών μιας εταιρείας}
\renewcommand{\thesisauthor}{Μαβοπούλου Κασσιανή (2303)}
\renewcommand{\thesisauthorabbrv}{Δ. Βαρσάμης}
\renewcommand{\thesisauthorinitials}{ΝΠ}
\renewcommand{\thesissupervisor}{Δρ. Δ.\ Βαρσάμης, Επίκουρος Καθηγητής}
\renewcommand{\thesismonth}{Οκτώβριος}
\renewcommand{\thesisyear}{2014}

% Μόνο αν η συγγραφέας είναι γυναίκα 
\renewcommand{\thesisauthorsex}{female} %if author is female

%Μόνο αν οι συγγραφείς είναι δύο:
\renewcommand{\thesisSecondAuthor}{Παπαϊωάνου Ιωάννη (2831)}
%\renewcommand{\thesisSecondAuthorabbrv}{K. άλλος}
%\renewcommand{\thesisSecondAuthorInitials}{ΚΑ}
% Η βιβλιογραφία
\addbibresource{book.bib}

\begin{document}
% Υποχρεωτικά τα παρακάτω:
\Titlepage
\Declarationpage
\begin{Abstract}
Βασικός σκοπός της εργασίας είναι ο σχεδιασμός και η ανάπτυξη μιας διαδικτυακής εφαρμογής στα πλαίσια των κανόνων που θεσπίζουν τα σύγχρονα  διαδικτυακά πρότυπα τα οποία στο σύνολο τους περιγράφονται από τον όρο Web 2.0, με κύριο σκοπό την διαχείριση των μελών μιας εταιρίας αλλά και της παρουσίασης της στο διαδίκτυο. Η εφαρμογή εξειδικεύεται στην διαχείριση ενός εικονικού φροντιστηρίου εκπαίδευσης. Ιδιαίτερη μέριμνα δόθηκε στο κομμάτι της εμφάνισης ώστε να είναι προσιτό από διαφορετικές συσκευές ανεξαρτήτου πλατφόρμας, μεγέθους οθόνης ή λειτουργικού συστήματος καθώς επίσης και στην ανάπτυξη ενός περιβάλλοντος διαχείρισης με λειτουργίες που δίνουν την δυνατότητα να μπορεί να τροποποιηθεί δυναμικά το περιεχόμενο του ιστότοπου σύμφωνα με τις ανάγκες και τις επιθυμίες του διαχειριστή του.
\end{Abstract}
\tableofcontents

%Μόνο εφόσον θέλετε χωριστό πίνακα για εικόνες και πίνακες
\listoftables
\listoffigures

%Προαιρετικά
%\begin{Preface}
%Δεν νομίζω ότι μπορούμε να γράψουμε κάτι εδώ
%\end{Preface}

%Προαιρετικά
\begin{Acknowledgement}
Μαβοπούλου Κασσιανή: Θα ήθελα να ευχαριστήσω την μητέρα μου και τον πατέρα μου για την πολύτιμη βοήθεια που μου παρείχαν καθ' όλη τη διάρκεια των φοιτητικών μου χρόνων. Επίσης θα ήθελα να ευχαριστήσω θερμά τον Δρ. Δημήτριο Βαρσάμη για την ευκαιρία που μας έδωσε και την εμπιστοσύνη που μας έδειξε και μας ανέθεσε την υλοποίηση της εφαρμογής. Τέλος θέλω να πω ένα μεγάλο ευχαριστώ στον συνάδελφό μας Βασίλειο Μπαρζόκα για τις πολύτιμες γνώσεις που μας μετέδωσε.
\\
\\
Παπαϊωάνου Ιωάννης: Θα ήθελα να ευχαριστήσω τους γονείς μου Βασίλειο και Ρούλα για την υποστήριξη και τα εφόδια που μου παρείχαν μέχρι τώρα, τα αδέρφια μου όπως επίσης και τον επιβλέποντα καθηγητή μου, κύριο Δημήτριο Βαρσάμη. Ιδιαίτερες ευχαριστίες θα ήθελα να δώσω επίσης στον συνάδελφο Μπαρζόκα Βασίλειο για την πολύτιμη βοήθεια του σε όλη την διάρκεια της εκπόνησης της πτυχιακής εργασίας.
\end{Acknowledgement}

%Προαιρετικά
\begin{Definitions}
	\begin{description}
	\item [Frontend] Το μέρος μιας εφαρμογής που συνήθως αποτελεί την διεπαφή όπου εμφανίζονται οι πληροφορίες στους χρήστες της
	\item [Backend] Το μέρος της εφαρμογής όπου γίνεται η υλοποίηση των απαραίτητων λειτουργιών που απαιτεί η εφαρμογή. Συχνά χρησιμοποιείται και για να περιγράψει μια διεπαφή που δίνει δυνατότητες διαχείρισης της εφαρμογής.
	\item [Native Application] Μια εφαρμογή που έχει αναπτυχθεί και βελτιστοποιηθεί αποκλειστικά με εργαλεία και τεχνολογίες που αφορούν ένα συγκεκριμένο λειτουργικό σύστημα ή μια συγκεκριμένη πλατφόρμα και δεν είναι δυνατών να χρησιμοποιηθεί αλλού.
	\item[Framework] Ένα πλαίσιο εφαρμογών λογισμικού όπου παρέχει κάποιες βασικές δυνατότητες οι οποίες απαιτούνται πολύ συχνά κατά τη δημιουργία μιας εφαρμογής και παρέχει την ευελιξία να επεκταθεί με συγγραφή περαιτέρω κώδικα αναλόγως των αναγκών της εκάστοτε εφαρμογής.
	\end{description}
\end{Definitions}

%Από εδώ αρχίζει το κείμενό σας
\input{chapter1.tex}
\input{chapter2.tex}
\input{chapter3.tex}
\input{chapter4.tex}
\input{chapter5.tex}
\appendix
\input{Glossary.tex}
\printbibliography
\newpage
\thispagestyle{empty}
\null
\vfill
\noindent
\scriptsize{Η εργασία αυτή στοιχειοθετήθηκε με το πρόγραμμα \XeLaTeX . Για τη στοιχειοθέτηση της βιβλιογραφίας χρησιμοποιήθηκε το πρόγραμμα \texttt{biber} και \texttt{biblatex}. Οι γραμματοσειρές που χρησιμοποιήθηκαν είναι οι Times New Roman και \texttt{Courier New}.}
\end{document}